<template>

        <section class='loginCon'>
            <!-- <div class="spinner"></div>
            <div class="disc">加载中</div> -->
            <div class="spinnerLoad">
                <mt-spinner class="spinner" type="fading-circle" color="#26a2ff"></mt-spinner>
            </div>
            
        </section>
</template>

<script>
import Vue from 'vue'
import { Spinner} from "mint-ui";
Vue.component(Spinner.name, Spinner);
import Bus from '@/common/js/vueBus.js';
  export default {
    name: 'login',
    data(){
    return {
      name:'',
      pwd:"",
    }
  },
  methods:{

    submitForm(){

      let params = {
        userid:this.name,
        password:this.pwd
      };

      // this.Axios.Post(
      //   this.URL.login.url,
      //   params
      // ).then(function(res){
      //     if (res.data.status === 1) {

      //         Bus.$emit("login-succ",true);

        
      //     } else {

      //     }
      // }).catch(function(err){

      // })
  

    },

  },
  mounted(){
      
  }
  }
</script>

<style lang="less" scoped>
 
.loginCon{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    // background: #fff;
    background: rgba(255,255,255,0.6);
    z-index: 13000;
    right:0;
    .spinnerLoad {
        position:fixed;
        top:calc(50% - 0.28rem);
        left:calc(50% - 0.28rem);

    }
    .spinner{
        width: 1rem !important;
        height: 0.8rem !important;
    }
    // .spinner {
    //     width: 1.2rem;
    //     height: 1.2rem;
    //     background:url('/static/imgs/loading.png') no-repeat;
    //     background-size:100%;
    //     margin: 1rem auto 0.4rem auto;
    //     -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    //     animation: rotateplane 1.2s infinite ease-in-out;
    // }
    .disc{
      text-align:center;
    }

      @-webkit-keyframes rotateplane {
        0% { -webkit-transform: perspective(2.4rem) }
        50% { -webkit-transform: perspective(2.4rem) rotateY(180deg) }
        100% { -webkit-transform: perspective(2.4rem) rotateY(180deg)  rotateX(180deg) }
      }

      @keyframes rotateplane {
        0% {
          transform: perspective(2.4rem) rotateX(0deg) rotateY(0deg);
          -webkit-transform: perspective(2.4rem) rotateX(0deg) rotateY(0deg)
        } 50% {
          transform: perspective(2.4rem) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(2.4rem) rotateX(-180.1deg) rotateY(0deg)
        } 100% {
          transform: perspective(2.4rem) rotateX(-180deg) rotateY(-179.9deg);
          -webkit-transform: perspective(2.4rem) rotateX(-180deg) rotateY(-179.9deg);
        }
      }
    
}





</style>


